{% extends 'base.html' %}
{% load static %}

{% block title %}
    地区业绩预测
{% endblock %}

{% block css %}
    <style>
        tr, td, th {
            text-align: center;
        }
    </style>
{% endblock %}

{% block nav %}
    <li><a href="{% url 'index' %}">数据总览</a></li>
    <li><a href="{% url 'search' %}">检索订单</a></li>
    <li><a href="{% url 'chart' %}">区域经理业绩</a></li>
    <li class="active"><a href="{% url 'predict' %}">地区业绩预测</a></li>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="row">
            <div class="panel panel-info">
                <div class="panel-heading">请输入想要预测的类型信息</div>
                <div class="panel-body">
                    <form class="form " method="get">
                        <div class="col-md-3">
                            <label class="form-control-static">时间</label>
                            <div class="input-group">
                                <label class="sr-only" for="year"></label>
                                <input type="text" class="form-control" id="year" aria-describedby="year" placeholder="年份" value="{{ year }}" name="year">
                                <span class="input-group-addon">年</span>
                                <label class="sr-only" for="month"></label>
                                <input type="text" class="form-control" id="month" aria-describedby="month" placeholder="月份" value="{{ month }}" name="month">
                                <span class="input-group-addon">月</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="city" class="form-control-static">城市</label>
                                <input type="text" class="form-control" name="city" id="city" value="{{ city }}"
                                       placeholder="请输入城市">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="province" class="form-control-static">省/自治区</label>
                                <input type="text" class="form-control" name="province" id="province"
                                       value="{{ province }}" placeholder="请输入省/自治区">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="nation" class="form-control-static">国家</label>
                                <input type="text" class="form-control" name="nation" id="nation" value="{{ nation }}"
                                       placeholder="请输入国家">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="area" class="form-control-static">地区</label>
                                <input type="text" class="form-control" name="area" id="area" value="{{ area }}"
                                       placeholder="请输入地区">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="revenue" class="form-control-static">销售额</label>
                                <input type="text" class="form-control" name="revenue" id="revenue"
                                       value="{{ revenue }}" placeholder="必须是数字">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="quantity" class="form-control-static">数量</label>
                                <input type="text" class="form-control" name="quantity" id="quantity"
                                       value="{{ quantity }}" placeholder="必须是正整数">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-info">开始预测</button>&emsp;
                        <span>预测结果：<mark style="font-size: 16px; font-weight: bolder">{{ predict_price }}</mark></span>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
{% endblock %}
